<template>
  <div>
    <!-- address -->
    <van-cell class="good_adress">
      <template #title> <span class="title">收货地址</span> </template>
      <template #value>
        <span class="adress">{{addressList.order_address}}</span>
        <span class="order_name" v-if="addressList.is_sex=='男'">{{addressList.userName.slice(0,1)}}先生 </span>
        <span class="order_name" v-else >{{addressList.userName.slice(0,1)}}女士 </span>
        <span class="phone_num">{{addressList.userPhone}}</span>
      </template>
    </van-cell>
  </div>
</template>

<script setup>
const props=defineProps({
    addressList:{
        order_address:String,
        is_sex:String,
        userName:String,
        userPhone:String
    }
})

</script>

<style lang="scss" scoped>
// good_adress
.good_adress {
  margin-top: 0.35rem;
  margin-bottom: 0.35rem;
  .title {
    font-size: 0.4rem;
  }
  .adress {
    display: block;
    width: 4.7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
</style>